<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="../portal_common/taglibs.jsp" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>结算页</title>

    <link rel="stylesheet" type="text/css" href="${ctx}/css/webbase.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/pages-getOrderInfo.css"/>

    <script type="text/javascript" src="${ctx}/plugins/angularjs/angular.min.js"></script>
    <script type="text/javascript" src="${ctx}/js/base.js"></script>
    <script type="text/javascript" src="${ctx}/js/service/cartService.js"></script>
    <script type="text/javascript" src="${ctx}/js/controller/cartController.js"></script>

</head>

<body ng-app="pinyougou" ng-controller="cartController" ng-init="findAddressList();findCartList()">
<!--head-->
<%@include file="../portal_common/top.jsp"%>
<div class="cart py-container">
    <!--logoArea-->
    <div class="logoArea">
        <div class="fl logo" style="background-position: 10px 10px;"></div>
        <div class="fr search">
            <form class="sui-form form-inline" action="${ctx}/itemSearch" target="_blank">
                <div class="input-append">
                    <input type="text" name="keywords" class="input-error input-xxlarge" placeholder="瓷器商城自营"/>
                    <button class="sui-btn btn-xlarge btn-danger" type="submit">搜索</button>
                </div>
            </form>
        </div>
    </div>
    <!--主内容-->
    <div class="checkout py-container">
        <div class="checkout-tit">
            <h4 class="tit-txt">填写并核对订单信息</h4>
        </div>
        <div class="checkout-steps">
            <!--收件人信息-->
            <div class="step-tit">
                <h5>收件人信息<span><a data-toggle="modal" data-target=".edit" data-keyboard="false"
                                  class="newadd">新增收货地址</a></span></h5>
            </div>
            <div class="step-cont">
                <div class="addressInfo">
                    <ul class="addr-detail">
                        <li class="addr-item">

                            <div ng-repeat="address in addressList">
                                <div class="con name {{isSeletedAddress(address)?'selected':''}}"><a href="javascript:;"
                                                                                                     ng-click="selectAddress(address)">{{address.contact}}<span
                                        title="点击取消选择">&nbsp;</a></div>
                                <div class="con address">{{address.address}}<span>{{address.mobile}}</span>
                                    <span class="base" ng-if="address.isDefault=='1'">默认地址</span>
                                    <span class="edittext"><a data-toggle="modal" data-target=".edit"
                                                              data-keyboard="false">编辑</a>&nbsp;&nbsp;<a
                                            href="javascript:;">删除</a></span>
                                </div>
                                <div class="clearfix"></div>
                            </div>

                        </li>


                    </ul>
                    <!--添加地址-->
                    <div tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade edit">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×
                                    </button>
                                    <h4 id="myModalLabel" class="modal-title">新增地址</h4>
                                </div>
                                <div class="modal-body">
                                    <form action="" id="addressForm" class="sui-form form-horizontal">
                                        <div class="control-group">
                                            <label class="control-label">收货人：</label>
                                            <div class="controls">
                                                <input name="contact" type="text" class="input-medium">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">详细地址：</label>
                                            <div class="controls">
                                                <input type="text" class="input-large" name="address">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">联系电话：</label>
                                            <div class="controls">
                                                <input type="text" class="input-medium" name="mobile">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">地址别名：</label>
                                            <div class="controls">
                                                <input type="text" name="alias" class="input-medium">
                                            </div>
                                            <div class="othername">
                                                建议填写常用地址：<a href="#" class="sui-btn btn-default">家里</a>　
                                                <a href="#" class="sui-btn btn-default">父母家</a>
                                                　<a href="#" class="sui-btn btn-default">公司</a>
                                            </div>
                                        </div>

                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" data-ok="modal" onclick="addAddress()"
                                            class="sui-btn btn-primary btn-large">确定
                                    </button>
                                    <button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">
                                        取消
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--确认地址-->
                </div>
                <div class="hr"></div>

            </div>
            <div class="hr"></div>
            <!--支付和送货-->
            <div class="payshipInfo">
                <div class="step-tit">
                    <h5>支付方式</h5>
                </div>
                <div class="step-cont">
                    <ul class="payType">
                        <li class="selected" ng-click="selectPayType('1')">微信付款<span title="点击取消选择"></span></li>
                        <li ng-click="selectPayType('2')">货到付款<span title="点击取消选择"></span></li>
                    </ul>
                </div>
                <div class="hr"></div>
                <div class="step-tit">
                    <h5>送货清单</h5>
                </div>
                <div class="step-cont">
                    <ul class="send-detail">
                        <li>

                            <div class="sendGoods" ng-repeat="cart in cartList">

                                <ul class="yui3-g" ng-repeat="item in cart.orderItemList">
                                    <li class="yui3-u-1-6">
                                        <span><img width="100px" height="100px" src="{{item.picPath}}"/></span>
                                    </li>
                                    <li class="yui3-u-7-12">
                                        <div class="desc">{{item.title}}</div>
                                        <div class="seven">7天无理由退货</div>
                                    </li>
                                    <li class="yui3-u-1-12">
                                        <div class="price">￥{{item.price}}</div>
                                    </li>
                                    <li class="yui3-u-1-12">
                                        <div class="num">X{{item.num}}</div>
                                    </li>
                                    <li class="yui3-u-1-12">
                                        <div class="exit">有货</div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="hr"></div>
            </div>
            <div class="linkInfo">
                <div class="step-tit">
                    <h5>发票信息</h5>
                </div>
                <div class="step-cont">
                    <span>普通发票（电子）</span>
                    <span>个人</span>
                    <span>明细</span>
                </div>
            </div>
            <div class="cardInfo">
                <div class="step-tit">
                    <h5>使用优惠/抵用</h5>
                </div>
            </div>
        </div>
    </div>
    <div class="order-summary">
        <div class="static fr">
            <div class="list">
                <span><i class="number">{{totalValue.totalNum}}</i>件商品，总商品金额</span>
                <em class="allprice">¥{{totalValue.totalMoney.toFixed(2)}}</em>
            </div>
            <div class="list">
                <span>返现：</span>
                <em class="money">0.00</em>
            </div>
            <div class="list">
                <span>运费：</span>
                <em class="transport">0.00</em>
            </div>
        </div>
    </div>
    <div class="clearfix trade">
        <div class="fc-price">应付金额:　<span class="price">¥{{totalValue.totalMoney.toFixed(2)}}</span></div>
        <div class="fc-receiverInfo">寄送至:{{address.address}} 收货人：{{address.contact}} {{address.mobile}}</div>
    </div>
    <div class="submit">
        <a class="sui-btn btn-danger btn-xlarge" ng-click="submitOrder()">提交订单</a>
    </div>
</div>
<!-- 底部栏位 -->
<!--页面底部-->
<%@include file="../portal_common/foot.jsp" %>
<!--页面底部END-->
<script>
    function addAddress() {
        $.ajax({
                url: "${ctx}/address/add",
                type: 'post',
                data: $('#addressForm').serialize(),
                success: function (response) {
                    console.log(response);
                    if (response.success) {
                        alert(response.message);
                        window.location.reload();
                    } else {
                        alert(response.message);
                    }
                }
            }
        );
    }
</script>
<script type="text/javascript" src="${ctx}/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="${ctx}/js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="${ctx}/components/ui-modules/nav/nav-portal-top.js"></script>
<script type="text/javascript" src="${ctx}/js/pages/getOrderInfo.js"></script>
</body>

</html>